import React, { useState } from "react";

// function RandomList(props) {
// 	let [lists, setLists] = useState([]);

// 	const handFn = () => {
// 		lists.push(Math.ceil(Math.random() * 10));
// 		setLists([...lists]);
// 		console.log(lists);
// 	};
// 	return (
// 		<div>
// 			<ul>
// 				{lists.map((item, index) => {
// 					return <li key={index}>{item}</li>;
// 				})}
// 			</ul>
// 			<button onClick={handFn}>click</button>
// 		</div>
// 	);
// }
function RandomList() {
	let [arr, setArr] = useState([]);
	return (
		<div>
			<ul>
				{arr.map((item) => (
					<li key={item}>{item}</li>
				))}
			</ul>
			<button
				onClick={() => {
					setArr([...arr, Math.random()]);
				}}>
				添加随机数
			</button>
		</div>
	);
}
export default RandomList;
